
        .search-bar{top:0px; background-color:#1a9bf2; padding:4px 2px 2px;}
        
.schListBtn {
	display: inline-block;
	width: 32px;
	color: #d44752;
	font-size: 12px;
	text-decoration: none;
	text-align: center; 
}

.schListBtn:before {
	display: block;
	content: "";
	width: 28px;
	height: 29px; 
	background-position: 0px 0px; 
} 
.schListBtn-type1:before {  
	background: url(/themes/mStyle1/Image/schlist1.png) no-repeat; 
	background-size: 100%;
}
.schListBtn-type2:before {  
	background: url(/themes/mStyle1/Image/schlist2.png) no-repeat; 
	background-size: 100%;
}
.schFilterBtn {
	display: inline-block;
	width: 32px;
	color: #d44752;
	font-size: 12px;
	text-decoration: none;
	text-align: center; 
}

.schFilterBtn:before {
	display: block;
	content: "";
	width: 28px;
	height: 29px; 
	background: url(/themes/mStyle1/Image/filterbtn.png) no-repeat; 
	background-position: 0px -6px; 
	background-size: 100%;
} 
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {
	margin: 0;
	padding: 0
}
body,button,input,select,textarea {
	font: 12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%
}
address,cite,dfn,em,var {
	font-style: normal
}
code,kbd,pre,samp {
	font-family: courier new,courier,monospace
}
small {
	font-size: 12px
}
ul,ol {
	list-style: none
}
a {
	text-decoration: none
}
a: hover {
	text-decoration: none
}
sup {
	vertical-align: text-top
}
sub {
	vertical-align: text-bottom
}
legend {
	color: #000
}
fieldset,img {
	border: 0
}
button,input,select,textarea {
	font-size: 100%
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	display: block;
	margin: 0;
	padding: 0
}
mark {
	background: #ff0
}
body {
	-webkit-overflow-scrolling: touch
}
input[type=submit],input[type=reset],input[type=button],button {
	-webkit-appearance: none
}
* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: 0
}
body {
	background: #eee
}
.m-ks-autoResponsive-container {
	overflow: hidden;
	opacity: 0
}   
.s-mi-historyHd {
	color: #a5a5a5;
	line-height: 24px;
	padding-left: 5px;
	overflow: hidden
}
.s-mi-historyFt {
	background-color: #efeceb;
	padding: 3px 5px 4px;
	line-height: 24px;
	color: #a5a5a5;
	text-align: center
}
.s-mi-cont-clear {
	background-color: #fff;
	display: inline-block;
	padding: 1px 14px 2px;
	line-height: 17px;
	color: #000;
	font-weight: 700;
	text-decoration: none;
	border: 1px solid #fafafa;
	border-radius: 3px;
	box-shadow: inset 0 0 2px #dadada;
	cursor: pointer
}
.s-mi-cont-clear: hover {
	text-decoration: none
}
.events-mask {
	pointer-events: none
}
.filter {
	width: 100%;
	text-align: center;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	height: 37px;
	background: #fff;
	font-family: \9ED1\4F53
}
.filter ul {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	overflow: hidden
}
.filter ul li {
	display: table-cell;
	border-bottom: 3px solid transparent;
	padding: .65em 0
}
.filter ul li: first-child a {
	border-left: 0
}
.filter ul li.filter-cur {
	border-bottom: 3px solid #b10000
}
.filter ul li.filter-cur a {
	color: #b10000
}
.filter a {
	display: inline-block;
	width: 100%;
	border-left: 1px solid #dfdfdf;
	font-size: 15px;
	color: #806f66;
	text-decoration: none
}
.filter a span {
	position: relative
}
.filter a: hover {
	text-decoration: none
}
.filter i {
	position: absolute;
	display: inline-block;
	overflow: hidden;
	top: 6px;
	width: 7px;
	height: 10px;
	line-height: 10px;
	margin-left: 2px
}
.filter .f-ico-arrow-d {
	position: static;
	width: 9px;
	height: 13px;
	vertical-align: middle
}
.filter .f-ico-triangle-mt,.filter .f-ico-triangle-mb {
	border-width: 5px;
	border-style: solid;
	border-color: transparent;
	height: 0;
	width: 0
}
.filter .f-ico-triangle-mt {
	border-bottom-color: #806f66;
	top: -3px
}
.filter .f-ico-triangle-mb {
	border-top-color: #806f66;
	top: 9px
}
.filter .filter-cur .f-ico-triangle-mt.f-ico-triangle-slctd {
	border-bottom-color: #b10000
}
.filter .filter-cur .f-ico-triangle-mb.f-ico-triangle-slctd {
	border-top-color: #b10000
}
.filter-fixed {
	position: fixed;
	z-index: 9999;
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.5);
	-ms-box-shadow: 1px 2px 5px rgba(0,0,0,.5);
	-o-box-shadow: 1px 2px 5px rgba(0,0,0,.5);
	box-shadow: 1px 2px 5px rgba(0,0,0,.5)
}
.filter-positive {
	top: 0
}
.filter-negative {
	top: 45px
}
#page {
	position: relative
}
.srp {
	display: table;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	font-family: tahoma,arial,\9ED1\4F53;
	padding-bottom: 10px;
	background-color: #eee
}
.srp: after {
	display: block;
	clear: both;
	height: 0;
	content: ' '
}
.srp em {
	font-style: normal
}
.srp .product {
	display: inline-block;
	float: none;
	display: flex;
	align-items: stretch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	padding-bottom: 0
}
.srp .pro-inner {
	position: relative;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,.25);
	overflow: hidden;
	width: 100%;
	height: 100%
}
.srp .proImg-wrap {
	float: left
}
.srp .proImg-wrap img {
	border-radius: 5px
}
.srp .proInfo-wrap {
	float: left;
	padding: 5px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}
.srp .proPrice {
	font-family: arial;
	height: 20px;
	line-height: 21px
}
.srp .proPrice em {
	color: #c00;
	font-size: 12px;
	font-weight: 700;
	margin-left: 2px
}
.srp .proPrice del {
	color: #999;
	font-size: 12px
}
.srp .proTitle {
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word
}
.srp .proTitle a {
	color: #333;
	font-size: 14px;
	text-decoration: none;
	-webkit-transition: all .1s linear
}
.srp .proSales {
	float: left;
	color: #999;
	font-size: 12px;
	font-family: arial
}
.srp .proSales em {
	color: #333
}
.srp .proService {
	color: #333;
	font-size: 13px;
	height: 20px;
	line-height: 21px
}
.srp .proIcons {
	padding-left: 10px;
	height: 20px;
	overflow: hidden
}
.srp .proIcons>* {
	margin: 0 3px 0 0
}
.srp .proIcons img {
	vertical-align: middle;
	max-height: 20px;
	border-radius: 3px
}
.srp .proSales {
	line-height: 16px;
	margin-top: 3px
}
.srp .small,.srp .list,.srp .large {
	display: none
}
.srp.list {
	width: 100%
}
.srp.list .product {
	width: 100%;
	padding: 15px 10px;
	border-bottom: 1px solid #cacaca
}
.srp.list .pro-inner {
	width: 100%;
	background-color: transparent;
	box-shadow: none
}
.srp.list .proImg-wrap {
	width: 26.4%;
	margin-right: 10px;
	-webkit-transition: all .1s linear
}
.srp.list .proImg-wrap .img-place-holder {
	display: none
}
.srp.list .proImg-wrap img {
	width: 100%
}
.srp.list .proInfo-wrap {
	float: none;
	padding: 0;
	padding-left: 90px
}
.srp.list .proTitle {
	line-height: 17px;
	height: 36px;
	margin-bottom: 8px
}
.srp.list .proTitle a {
	font-size: 13px
}
.srp.list .proPrice {
	float: left;
	margin-right: 10px
}
.srp.list .proPrice del {
	display: none
}
.srp.list .list {
	display: inline
}
.srp.album .product {
	width: 49.9%
}
.srp.album .product: nth-child(2n+1) {
	padding-right: 5px
}
.srp.album .product: nth-child(2n) {
	padding-left: 5px
}
.srp.album .pro-inner {
	align-items: stretch;
	padding-bottom: 70px;
	height: auto
}
.srp.album .proInfo-wrap {
	position: absolute;
	bottom: 5px;
	width: 100%;
	height: 65px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}
.srp.album .proImg-wrap {
	width: 100%
}
.srp.album .proImg-wrap a {
	display: block;
	position: relative;
	overflow: auto
}
.srp.album .proImg-wrap a span {
	width: 100%;
	height: 100%
}
.srp.album .proImg-wrap a .c-wrap {
	position: absolute;
	top: 0;
	left: 0;
	display: block
}
.srp.album .proImg-wrap a .c-wrap .c-table {
	display: table
}
.srp.album .proImg-wrap a .c-wrap .c-table .c-cell {
	display: table-cell;
	vertical-align: middle
}
.srp.album .proImg-wrap img {
	width: 100%;
	border-radius: 5px 5px 0 0
}
.srp.album .proTitle {
	height: 19px;
	position: relative;
	top: 19px;
	white-space: nowrap;
	text-overflow: ellipsis
}
.srp.album .proPrice {
	position: relative;
	top: -19px
}
.srp.album .proPrice del {
	display: none
}
.srp.album .proService {
	display: none
}
.srp.album .proSales {
	float: right;
	position: relative;
	top: -36px;
	right: 2px;
	margin: 0
}
.srp.album .proIcons {
	padding-left: 0;
	width: 100%;
	position: relative;
	top: -16px
}
.srp.album .small {
	display: inline
}
.srp.grid .product {
	width: 100%;
	-webkit-transition: all .1s linear
}
.srp.grid .proImg-wrap {
	width: 100%
}
.srp.grid .proImg-wrap .img-place-holder {
	display: none
}
.srp.grid .proImg-wrap img {
	width: 100%;
	border-radius: 5px 5px 0 0
}
.srp.grid .proTitle {
	height: 19px
}
.srp.grid .proPrice {
	float: left;
	margin-right: 10px
}
.srp.grid .proPrice em {
	margin-right: 10px
}
.srp.grid .proPrice del {
	display: none
}
.srp.grid .proService,.srp.grid .proIcons {
	float: none
}
.srp.grid .proSales {
	clear: left
}
.srp.grid .large {
	display: inline
}
.srp .highlight {
	color: #fe0000
}
@media screen and (max-device-height: 568px) and (orientation: portrait) {
	.srp {
	display: table;
	width: 100%
}
.srp .product {
	display: inline-block;
	float: none
}
.srp.album .proImg-wrap {
	overflow: hidden;
	max-height: 200px
}
}@media screen and (min-device-width: 768px) and (orientation: portrait) {
	.srp {
	display: table;
	width: 100%
}
.srp .product {
	display: inline-block;
	float: none
}
.srp.album .proImg-wrap {
	overflow: hidden;
	max-height: 380px
}
}@media screen and (max-device-width: 480px) and (orientation: portrait) {
	.srp.album .proImg-wrap {
	overflow: hidden;
	max-height: 240px
}
}

 
@-moz-keyframes loading_fade {
	0% {
	background-color: #2e2e2e
}
100% {
	background-color: #fff
}
}@-webkit-keyframes loading_fade {
	0% {
	background-color: #2e2e2e
}
100% {
	background-color: #fff
}
}@-ms-keyframes loading_fade {
	0% {
	background-color: #2e2e2e
}
100% {
	background-color: #fff
}
}@-o-keyframes loading_fade {
	0% {
	background-color: #2e2e2e
}
100% {
	background-color: #fff
}
}@keyframes loading_fade {
	0% {
	background-color: #2e2e2e
}
100% {
	background-color: #fff
}
}.pagenav-wrapper .pagenav-content {
	padding: 10px 10px 20px;
	text-align: center;
	line-height: 28px;
	background: #eee
}
.pagenav-wrapper .pagenav {
	display: -webkit-box;
	display: flex
}
.pagenav-wrapper .pagenav>div {
	background-color: #fff;
	border: 1px solid #ccc;
	line-height: 29px;
	white-space: nowrap;
	border-radius: 2px;
	cursor: pointer
}
.pagenav .p-first,.pagenav .p-end {
	width: 42px
}
.pagenav .p-prev,.pagenav .p-next {
	width: 59px;
	margin: 0 5px
}
.pagenav .pagenav-cur {
	-webkit-box-flex: 1;
	flex: 1;
	position: relative;
	box-shadow: 0 3px 3px #d7d7d7 inset;
	background: #fff
}
.pagenav .pagenav-select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
	border: 0;
	border-radius: 0;
	cursor: pointer
}
.pagenav .pagenav-cur i {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-left: 2px solid #9d9d9d;
	border-bottom: 2px solid #9d9d9d;
	-webkit-transform: rotate(-45deg);
	margin-left: 2px;
	margin-bottom: 2px
}
.pagenav-wrapper .pagenav .p-gray {
	background-color: #fdfdfd;
	color: #b4b1b1
}
.pagenav a: hover {
	text-decoration: none
}  
.hidden {
	display: none
}
.proImg-wrap {
width: 22.4%;
margin-right: 10px;
-webkit-transition: all .1s linear;
float:left;
}
.proInfo-wrap {
float: none;
padding: 0;
width:100%;
}
.pro-inner,.product{
width:100%;
}
.proImg-wrap img{width:100%}
.proTitle a{color:#f00;}
.ptpt{width:100%;height:5px;overflow:hidden;clear:both;border-bottom:1px solid #ccc;display:none;}
.product1{display:none;}



@media screen and(max-width:430px){
     .srp.album .product{width:49%}
}
@media screen and (min-width: 431px) and (max-width:960px) { 
    .srp.album .product{width:33%}
	.srp .proPrice em{font-size:12px;}
}
@media screen and (min-width: 961px) and (max-width:1190px) { 
   .srp.album .product{width:25%}
   .srp .proPrice em{font-size:16px;}
}
@media screen and (min-width: 1191px) and (max-width:3000px) { 
   #page{width:1200px;margin:0 auto;}
   .srp.album .product{width:25%}
}


















.crumb {
	position: relative;
	height: 38px;
	background: #fff;
	z-index: 100
}

.crumbArrow,.crumbDelete,.crumbSearch-btn,.crumbDrop i,.crumbSlide-prev,.crumbSlide-next {
	background: url(/themes/Style1/Image/T186tKFDR_XXaYpYLe-35-30.png) no-repeat
}

.crumbCon {
	height: 100%;
	margin: 0 auto;
	line-height: 27px;
	position: relative;
	z-index: 10001;
	border-top: 1px solid #e5e5e5
}

.crumbSlide {
	height: 30px;
	margin: 3px 180px 0 25px;
	_margin-top: 5px;
	position: relative
}

.spuCrumbCon .crumbSlide {
	margin-left: 0
}

.crumbSlide-con {
	position: absolute;
	margin-left: -9px;
	width: 9999px
}

.crumbSlide-con .crumbTitle {
	color: #b0a59f
}

.crumbSlide-con li {
	padding-left: 9px;
	color: #fff;
	float: left
}

.crumbSlide-con a {
	color: #666
}

.crumbSlide-con a:hover {
	color: #C40000
}

.crumbSlide-con a.crumbStrong {
	display: inline-block;
	overflow: hidden;
	max-width: 9.25em;
	max-width: none\0;
	*max-width: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	*vertical-align: baseline
}

:root .crumbSlide-con a.crumbStrong {
	max-width: 9.25em\9
}

.crumbClip {
	width: 100%;
	height: 100%;
	clip: rect(0 100% 1000px 0);
	clip: rect(0,auto,1000px,0)
}

.crumbSlide-prev,.crumbSlide-next {
	position: absolute;
	top: 6px;
	visibility: hidden;
	cursor: pointer;
	width: 9px;
	height: 16px;
	z-index: 9;
	text-indent: -99999px;
	overflow: hidden
}

.crumbSlide-prev {
	background-position: 0 -14px;
	left: -21px
}

.crumbSlide-next {
	background-position: -9px -14px;
	right: -21px
}

.crumbSlide-prev-shadow,.crumbSlide-next-shadow {
	display: none;
	position: absolute;
	top: 3px;
	cursor: pointer;
	width: 5px;
	height: 25px;
	z-index: -1
}

.crumbSlide-prev-shadow {
	background-position: -138px -79px;
	left: -2px
}

.crumbSlide-next-shadow {
	background-position: -138px -104px;
	right: -2px
}

.crumbSlide-attr {
	cursor: pointer;
	position: relative
}

.crumbArrow {
	margin-left: 3px;
	vertical-align: middle;
	display: inline-block;
	width: 5px;
	height: 9px;
	text-indent: -999999px;
	background-position: -15px -5px;
	overflow: hidden;
	_margin-top: 10px;
	_margin-bottom: 7px
}

.crumbDelete {
	position: relative;
	_margin-bottom: 11px;
	top: -1px;
	vertical-align: middle;
	_top: 7px;
	_vertical-align: baseline;
	display: inline-block;
	width: 7px;
	height: 7px;
	overflow: hidden;
	background-position: -20px 0
}

.crumbAttr {
	height: 22px;
	line-height: 21px;
	margin: 4px 0 4px 10px;
	padding-right: 9px;
	border-radius: 2px;
	border: 1px dotted #c40000
}

.crumbAttr-hover,.crumbAttr:hover {
	border: 1px solid #c40000
}

.crumbAttr-hover a,.crumbAttr:hover a {
	text-decoration: none
}

.crumbAttr-hover .crumbDelete,.crumbAttr:hover .crumbDelete,.crumbAttr .crumbDelete:hover {
	background-position: -20px 0
}

.crumbAttr a {
	color: #c40000
}

.crumbAttr a:hover {
	color: #c40000;
	text-decoration: none
}

.crumbSearch {
	position: relative
}

::-ms-clear,::-ms-reveal {
	display: none
}

.crumbSearch-label {
	float: left;
	position: relative;
	background-position: 0 -154px;
	border: 0;
	width: 125px;
	height: 20px;
	line-height: 21px;
	color: #666;
	padding: 0 25px 0 12px;
	margin-right: 15px;
	top: 4px;
	border: 1px solid #ccc
}

.crumbSearch-label.focus {
	background-position: 0 -132px
}

.crumbSearch-input {
	background-color: transparent;
	border: 0;
	color: #757575;
	outline: 0;
	float: left;
	line-height: 20px;
	*line-height: 21px;
	_line-height: 20px;
	height: 20px
}

.crumbSearch-input:focus,.crumbSearch-input.focus {
	color: #000
}

.crumbSearch-btn {
	border: 0;
	background-position: 0 0;
	display: inline-block;
	width: 15px;
	height: 14px;
	position: absolute;
	top: 8px;
	right: 25px;
	float: left;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 0 2px 2px 0
}

.crumbSearch-btn:hover,.crumbSearch-btn-hover {
	cursor: pointer;
	background-position: 0 0
}

.crumbTitle {
	display: inline-block;
	position: absolute;
	color: #999;
	top: 7px;
	right: 10px;
	line-height: 22px;
	line-height: 23px\9;
	height: 19px;
	overflow: hidden
}

.crumbTitle span {
	font-family: Arial;
	font-weight: 700;
	margin: 0 5px;
	position: relative;
	top: 0
}

.crumbDrop {
	position: relative;
	float: left;
	margin: 4px 6px 0 0;
	border-radius: 2px;
	line-height: 19px;
	*line-height: 23px;
	_line-height: 21px;
	border: 1px dotted #999
}

.crumbDrop i {
	background-position: -27px -5px;
	position: absolute;
	display: inline-block;
	right: 8px;
	top: 8px;
	width: 8px;
	height: 5px;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden
}

.crumbDrop-hover {
	position: relative;
	border: 1px dotted #c40000
}

.crumbDrop-hover .crumbDrop-bd {
	display: block
}

.crumbDrop-hover i {
	background-position: -27px 0
}

.crumbDrop-hd {
	display: inline-block;
	padding: 0 20px 1px 7px;
	color: #fefefc;
	text-decoration: none;
	outline: 0
}

.crumbDrop-bd {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	margin-top: -1px;
	padding-top: 14px;
	padding-bottom: 5px;
	overflow: hidden;
	background-image: url(about:blank);
	background-color: rgba(0,0,0,.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#cc000000, endcolorstr=#cc000000);
	*zoom: 1;
	border: 1px solid #dbdbdb;
	border-radius: 3px
}

.ie9 .crumbDrop-bd,.ks-ie9 .crumbDrop-bd {
	background-color: transparent
}

.crumbDrop-bd ul {
	float: left;
	border-left: 1px dashed #d5d5d5;
	margin-left: -1px;
	margin-bottom: 15px;
	height: 132px
}

.crumbDrop-bd li {
	float: none;
	padding-right: 20px;
	padding-left: 16px
}

.crumbDrop-bd a {
	display: block;
	color: #fff;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	text-indent: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(about:blank);
	width: 102px
}

.crumbDrop-bd a:hover {
	text-decoration: underline;
	color: #F2DCC7
}

.crumbDrop-bd a.crumbDrop-disable {
	color: #9A9B9A;
	font-weight: 700;
	cursor: default
}

.crumbDrop-bd a.crumbDrop-disable:hover {
	text-decoration: none;
	color: #9A9B9A
}

.attrs {
	border-top: 1px solid #E6E2E1;
	_zoom: 1
}

.attrs a {
	outline: 0
}

.attr 
{
    position:relative;
	background-color: #F7F5F5;
	border-color: #E6E2E1 #E6E2E1 #D1CCC7;
	border-style: solid solid dotted;
	border-width: 0 1px 1px
}

.attr,.attr ul {
	*zoom: 1
}

.attr:after,.attr ul:after {
	display: block;
	clear: both;
	height: 0;
	content: ' '
}

.attr .av-scroll {
	height: 145px!important;
	margin-bottom: 5px;
	overflow-x: hidden;
	overflow-y: scroll
}

.attrKey {
	float: none;
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	padding: 7px 0 0;
	width: 80px;
	color: #B0A59F; 
	background-color: #F7F5F5;
	text-indent: 13px
}

.attrKey,.attrKey a {
	display: block;
	height: 16px;
	line-height: 16px; 
	text-overflow: ellipsis;
	white-space: nowrap
}

.attrKey a {
	color: #806F66
}

.attrValues {
	position: relative; 
	background-color: #FFF;
	padding: 4px 0 0;
	margin-left:80px; 
	overflow: hidden
}

.attrValues ul {
	position: relative; 
}

.attrValues ul.av-expand {
	height: auto;
	*margin-bottom: 5px
}

.attrValues ul.av-collapse {
	overflow: hidden
}

.attrValues li {
	float: left;
	height: 22px;
	line-height: 22px
}

.attrValues li a {
	position: relative;
	color: #806F66;
	display: inline-block;
	padding: 1px 20px 1px 4px;
	line-height: 20px;
	height: 20px;
	white-space: nowrap
}

.attrValues li a:hover {
	color: #C10001;
	text-decoration: none
}

.attrValues li a:hover i {
	background-position: -13px 0
}

.attrValues li a i {
	position: absolute;
	display: inline-block;
	background-position: 0 0;
	font-size: 1px;
	height: 13px;
	width: 13px;
	right: 3px;
	top: 4px;
	visibility: hidden
}

.attrValues li.av-selected a {
	border: 1px solid #B0A59F;
	padding: 0 19px 0 3px
}

.attrValues li.av-selected a:hover {
	border-color: #A10002
}

.attrValues li.av-selected i {
	visibility: visible
}

.av-options {
	position: absolute;
	right: 0;
	top: 2px;
	width: 105px;
	z-index: 1
}

.avo-multiple {
	float: left;
	background-color: #F2F0EF;
	border: 1px solid #EFEBE9;
	color: #806F66;
	cursor: pointer;
	line-height: 14px!important;
	line-height: 15px;
	margin: 5px 5px 5px 0;
	padding-right: 3px;
	position: relative;
	text-align: right;
	width: 43px
}

.avo-multiple i {
	background-position: -32px -13px!important;
	display: block;
	height: 8px;
	left: 4px;
	line-height: 8px;
	overflow: hidden;
	position: absolute;
	top: 4px;
	vertical-align: middle;
	width: 8px
}

.avo-multiple:hover {
	text-decoration: none;
	border-color: #DEDAD8
}

.avo-multiple:hover i {
	background-position: -22px -13px
}

.avo-more {
	display: none;
	float: right
}

.av-btns {
	display: none;
	padding-bottom: 5px;
	text-align: center
}

.av-btns a {
	margin: 1px 5px
}

.av-btns a:first-child {
	margin: 0 5px
}

.attrs-border {
	position: relative;
	top: -1px;
	border-top: 1px solid #D1CCC7;
	height: 0;
	overflow: hidden;
	z-index: 2
}

.brandAttr {
}

.brandAttr .attr {
	border: 2px solid #D1CCC7;
	margin-top: -1px
}

.brandAttr .attrKey {
	padding-top: 9px
}

.brandAttr .attrValues {
	padding-top: 6px
}

.brandAttr .av-expand {
	margin-right: 30px
}

.brandAttr .av-expand li a {
	width: 150px
}

.brandAttr .av-collapse {
	overflow: hidden;
	max-height: 60px;
	_height: expression(function(el){if(/msie 6/i.test(navigator.userAgent))el.style.height=(el.scrollHeight>60)?'60px':'auto';
}(this))
}

.brandAttr ul {
*margin-bottom: 5px
}

.brandAttr .av-search {
background-position: 0 -86px;
display: none;
height: 20px;
position: relative;
width: 131px;
margin-bottom: 10px;
margin-left: 25px
}

.brandAttr .av-search input {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-size: 12px;
height: 20px;
left: 22px;
line-height: 20px;
position: absolute;
width: 105px;
z-index: 1
}

.brandAttr li {
margin: 0 8px 8px 0
}

.brandAttr li a {
text-overflow: ellipsis;
overflow: hidden
}

.brandAttr .av-options {
top: 4px
}

.brandAttr li a img {
display: none
}

.brandAttr .showLogo ul {
padding-top: 1px;
margin-bottom: 5px;
_margin-bottom: 0;
_padding-bottom: 5px
}

.brandAttr .showLogo li {
border: 1px solid #e1e1e1;
width: 104px;
text-align: center;
height: 52px;
line-height: 52px;
overflow: hidden;
margin: 0;
margin-right: -1px;
margin-top: -1px
}

.brandAttr .showLogo li a {
padding: 0;
line-height: 52px;
height: 50px;
width: 102px;
overflow: hidden;
border: 1px solid transparent;
_border: 1px solid #fff;
float: left
}

.brandAttr .showLogo li a i {
right: 0;
top: -1px
}

.brandAttr .showLogo li a img {
display: inline;
width: 80px;
height: 40px;
margin: 6px 12px
}

.brandAttr .showLogo li:hover,.brandAttr .showLogo li.li-hover,.brandAttr .showLogo li.av-selected {
position: relative
}

.brandAttr .showLogo li.av-selected,.brandAttr .showLogo li.av-selected a {
border-color: #B0A59F
}

.brandAttr .showLogo li:hover,.brandAttr .showLogo li.li-hover,.brandAttr .showLogo li:hover a,.brandAttr .showLogo li.li-hover a {
_border: 1px solid;
border-color: #A10002;
z-index: 1
}

.brandAttr .showLogo li:hover a img,.brandAttr .showLogo li.li-hover a img {
display: none
}

.brandAttr .showLogo .av-collapse {
max-height: 106px;
_height: expression(function(el){if(/msie 6/i.test(navigator.userAgent))el.style.height=(el.scrollHeight>106)?'106px':'auto';
}(this))
}

.brandAttr .attr .showLogo .av-scroll {
height: 265px!important
}

.cateAttrs {
}

.cateAttrs .attrKey {
background-position: -112px -42px;
*background-position: -112px -43px;
padding: 0;
margin-top: 7px;
text-indent: 27px;
width: 80px
}

.cateAttrs .attrValues ul { 
}

.cateAttrs .attrValues .av-collapse {
height: auto; 
_height: expression(function(el){if(/msie 6/i.test(navigator.userAgent))el.style.height=(el.scrollHeight>58)?'58px':'auto';
}(this))
}

.cateAttrs li {
display: block;
margin: 0 5px 8px 0;
*margin-bottom: 0;
*padding-bottom: 8px;
width: 180px;
overflow: hidden
}

.cateAttrs li span {
color: #BFBFBF
}

.cateAttrs li b {
float: left;
*float: none;
*display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 120px;
_width: expression(function(el){if(/msie 6/i.test(navigator.userAgent))el.style.width=(el.clientWidth>120)?'120px':'auto';
}(this))
}

.cateAttrs .avo-multiple {
visibility: hidden
}

.cateAttrs .reinforced a {
background: #F9F9F9;
border: 1px solid #DFDAD4;
padding: 0 5px;
line-height: 17px;
height: 18px;
vertical-align: top
}

.cateAttrs .reinforced a:hover {
background: #9E8D86;
border-color: #9E8D86;
color: #fff
}

.cateAttrs .reinforced a:hover span {
color: #fff
}

.cateAttrs .d5c li {
width: 20%;
margin: 1px 0 3px;
*margin-bottom: 0;
*padding-bottom: 3px
}

.cateAttrs .d5c li a {
margin-right: 5px
}

.cateAttrs .av-collapse .nonQPCate {
display: none
}

.cateAttrs .av-expand .nonQPCate {
display: block
}

.propAttrs {
border-top: 1px solid #D1CCC7;
margin-top: -1px
}

.propAttrs li {
margin: 0 2px 1px 0
}

.propAttrs .forMultiple .attrValues {
background-color: #EFECEB
}

.propAttrs .attrValues .av-collapse {
height: 25px
}

.propAttrs .showLogo .av-collapse {
height: 75px
}

.propAttrs .showLogo li {
height: auto;
text-align: center
}

.propAttrs .showLogo li a {
padding-left: 13px;
padding-right: 13px;
margin-top: 50px
}

.propAttrs .showLogo li.av-selected a {
padding-left: 4px;
padding-right: 20px
}

.propAttrs .showLogo li.av-selected a span {
top: -48px;
_left: 0
}

.propAttrs .showLogo span {
display: block;
position: absolute;
top: -47px;
left: 0;
width: 100%;
_width: auto;
_left: 1px;
cursor: pointer;
*cursor: default
}

.propAttrs .showLogo img {
height: 45px;
vertical-align: middle
}

.propAttrs .hotspot {
border: 2px solid #D1CCC7;
margin-top: -2px
}

.propAttrs .hotspot .av-collapse {
height: auto; 
_height: expression(function(el){if(/msie 6/i.test(navigator.userAgent))el.style.height=(el.scrollHeight>58)?'58px':'auto';
}(this))
}

.miniAttrs {
background-color: #F7F5F5;
border-color: #E6E2E1;
border-style: solid;
border-width: 0 1px;
*padding-right: 1px
}

.miniAttrs .miniAttr {
float: left;
position: relative;
height: 32px;
width: 33.33%;
*width: 33.32%;
z-index: 2
}

.miniAttrs .miniAttr .attr {
position: absolute;
width: 99.5%;
border-right-width: 0;
border-left-width: 0;
margin: 0 1px
}

.miniAttrs .miniAttr .attr.forMultiple ul {
padding-bottom: 0
}

.miniAttrs .miniAttr .attrKey {
width: 80px;
}

.miniAttrs .miniAttr .attrValues {
list-style: none;
display: block;
width: calc(100% - 80px);
padding: 3px 0
}

.miniAttrs .miniAttr .attrValues ul {
margin-right: 0
}

.miniAttrs .miniAttr .av-options {
top: auto;
bottom: 5px
}

.miniAttrs .miniAttr .avo-multiple {
visibility: hidden
}

.miniAttrs .miniAttr .avo-more {
font-size: 0;
*text-indent: -99999px
}

.miniAttrs .miniAttr li {
margin: 0 5px 8px 0
}

.miniAttrs .miniAttr:hover,.miniAttrs .miniAttr-hover {
z-index: 11;
*zoom: 1
}

.miniAttrs .miniAttr:hover .attr,.miniAttrs .miniAttr-hover .attr,.miniAttrs .miniAttr:hover .forMultiple,.miniAttrs .miniAttr-hover .forMultiple {
border-right-width: 1px;
border-left-width: 1px;
border-style: solid;
margin: 0
}

.miniAttrs .miniAttr:hover .multipleRow,.miniAttrs .miniAttr-hover .multipleRow {
height: auto;
z-index: 2
}

.miniAttrs .miniAttr:hover .forMultipleBtn,.miniAttrs .miniAttr-hover .forMultipleBtn {
padding-bottom: 30px;
z-index: 1
}

.miniAttrs .miniAttr:hover .av-options,.miniAttrs .miniAttr-hover .av-options {
right: 33%
}

.miniAttrs .miniAttr:hover .avo-multiple,.miniAttrs .miniAttr-hover .avo-multiple {
visibility: visible
}

.miniAttrs .miniAttr:hover .avo-more,.miniAttrs .miniAttr-hover .avo-more {
visibility: hidden
}

.attrExtra {
display: block;
height: 29px;
position: relative;
top: -1px;
z-index: 2
}

.attrExtra-border {
background: #EFEBEA;
border: 1px solid #EBE4DE;
border-top: 0;
display: block;
font-size: 0;
height: 4px;
line-height: 2px;
overflow: hidden
}

.attrExtra-more {
background-color: #EFECEB;
border-color: #EFECEB #E6E2E1 #E6E2E1;
border-style: solid;
border-width: 1px;
position: absolute;
top: 4px;
right: 0;
z-index: 1;
display: block;
height: 16px;
width: 85px;
color: #806F66;
font-size: 12px;
line-height: 14px;
text-indent: 12px;
vertical-align: middle;
cursor: pointer
}

.attrExtra-more:hover {
text-decoration: none
}

.attrExtra-more i {
background-position: -58px -13px;
display: block;
height: 5px;
position: absolute;
right: 10px;
top: 5px;
width: 10px;
overflow: hidden
}

.attrExtra-more-drop i {
background-position: -48px -13px
}

.attrsTrigger {
display: none;
position: absolute;
height: 27px;
right: 0;
top: -36px;
_right: 65px;
_top: -38px;
font-weight: 700;
outline: 0;
cursor: pointer;
z-index: 999;
background: #eee;
color: #777;
padding: 5px 5px 6px 7px
}

.attrsTrigger i {
font-size: 18px;
margin-left: 3px
}

.attrsTrigger i.i-expand {
display: none
}

.attrsTrigger-expand i.i-expand {
display: inline
}

.attrsTrigger-expand i.i-collapse {
display: none
}

.attrsTrigger:hover {
color: #d11d00
}

.navAttrsForm {
position: relative;
*z-index: 11
}

.relKeyTop {
padding: 4px 0 0;
margin-left: -13px;
height: 16px;
overflow: hidden;
width: 100%;
*height: 14px
}

.relKeyTop li {
display: inline-block;
*zoom: 1;
*display: inline;
border-left: 1px solid #ccc;
line-height: 1.1;
*line-height: 1.2;
padding: 0 12px
}

.relKeyTop li a {
color: #999
}

.relKeyTop li a:hover {
color: #C10001;
text-decoration: none
}

.relKeyHide {
display: none
}





